<header>
  <h1>{{title}}</h1>
</header>
<div class="container">
  <div *ngFor="let list of matrix;let i = index;" class="list-layout {{i%3==0?'border-top':''}} {{i==8?'border-bottom':''}}">
    <div *ngFor="let arr of list;let j = index;" class="list {{j%3==0?'border-left':''}} {{j==8?'border-right':''}} {{arr==0?'colorWhite':'colorGray'}}" (checkFlag)="this.checkFlag(arr)">
      {{arr}}
    </div>
  </div>
</div>
<footer>
  <button type="button" id="check" (click)="this.userCheck()">检查</button>
  <button type="button" id="reset" (click)="this.reset()" >重置</button>
  <button type="button" id="clear" (click)="this.answer()">答案</button>
  <button type="button" id="rebuild" (click)="this.rebuild()">重建</button>
</footer>
<div *ngIf="flag">
  <div class="popup" *ngFor="let num of numArr">
    <div (click)="this.changeArr(num)">{{num}}</div>
  </div>
</div>
